<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
	
	<style type="text/css">
		#content{	border: 1px dashed #B23AEE; margin-top: 20px
		}
		.comment{	margin: 10px 0 10px 50px;font-size: 24px
		}
		.time{	margin:0 0 0px 50px;font-size: 18px;
		}
		.fortime{	color: #FF7256;font-size: 24px
		}
		#page{ margin-left: 600px }
		#page span{ font-size: 20px }
		#page button{ margin-left: 15px }
		.type{ margin-right: 20px;font-size: 20px;font-weight: bold; }
		.active{ background-color: #CDAF95 }
	</style>
</head>

<body>
	<c:forEach items="${list }" var="comment" >
	<div id="content">
		<h3 >用户名:${comment.username }</h3>
		<div class="comment">${comment.comment }</div>
		<span class="time">发布时间&nbsp;:&nbsp;<span class="fortime">${comment.createTime }</span></span>
		<br>
	</div>
	</c:forEach>
	<br><br>
	<div id="page"><span>共${pageInfo.pages }页,当前第${pageInfo.pageNum }页</span><button onclick="comment(${pageInfo.firstPage})" class="page">首页</button><button onclick="comment(${pageInfo.prePage})" class="page">上一页</button><button onclick="comment(${pageInfo.nextPage})" class="page">下一页</button><button onclick="comment(${pageInfo.lastPage})" class="page">尾页</button></div>
	
</body>
	
<script type="text/javascript">
	$('.page').button()
	$('.type').button()
	
</script>
</html>